<template>
  
  <router-view/>
</template>
<script setup>

</script>

<style lang="scss">
/* 样式重置 */
* {
  /* 边框盒子: 宽和高设置后, 不会被 边框和内边距影响 */
  box-sizing: border-box;
}

html {
  /* 所有标签, 没特殊指定颜色 都会继承 html 的颜色 */
  /* 默认的纯黑 不推荐, 体验不好 */
  color: #333;
  /* 抹平不同浏览器的默认字体大小差异 */
  font-size: 16px;
}

img {
  /* 解决 幽灵空白节点 问题 */
  display: block;
}

body,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul,
li {
  list-style: none;
}

i {
  display: inline-block;
  font-style: normal;
}

button {
  border: none;
  background-color: transparent;
}

a {
  text-decoration: none;
  color: #333;
}

table {
  border-collapse: collapse;
}

input {
  outline: none;
  border: none;
  background-color: transparent;
}
/* 当前项目具有个性化通用样式 */
:root{
    /* 用于统一风格的全局css变量 */
    /* 主题色 */
    --color-primary:#3d8bfd;
    --color-blue-200:#9ec5fe;
    --color-blue-300:#6ea8fe;
    --color-blue-400:#3d8bfd;
    --color-blue-500:#0d6efd;
    --color-blue-600:#0a58ca;
    --color-blue-700:#084298;
    --font-color-gary:#adb5bd;
}
</style>
